<template>
  <div class="index">
    <page-search page-name="category" :search-configs="searchConfis" @on-query="handleQuery" @on-reset="handleRest"/>
    <page-content page-name="category" :page-content-configs="contentConfigs" ref="pageContentRef"/>
  </div>
</template>

<script lang="ts" setup>
import usepageHook from "@/hooks/page-hook"

import contentConfigs from './configs/content';
import searchConfis from './configs/search';

const { pageSearch,
        pageContent,
        handleQuery,
        handleRest,
        pageContentRef} = usepageHook()
</script>

<style scoped lang="less">

</style>
